<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css">
    
     #A{
        width:100px;
        height: 100px;
        background-color: green;
        border-style: solid;
        border-color:red;
        border-width: 10px;
        display: inline;
        padding:5px;
        line-height: 100px;
     }
     #B{
        border-style: solid;
        border-width: 10px;
        width: 100px;
        height: 100px;
        background-color: orange;
     }

    </style>
  </head>
  <body>
     
     <div id="A">
         A div block
     </div>
     <div id="B">
         B div block
     </div>
  </body>
  <script type="text/javascript">
    
  </script>
</html>